<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"/>
		<title>在线评价系统</title>
		<meta name="author" content="" />
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="viewport" content="width=device-width; initial-scale=1.0">
		<link rel="shortcut icon" href="<%=basePath%>favicon.ico">
		<link href="<%=basePath%>static/css/bootstrap.min.css" rel="stylesheet">
		<link href="<%=basePath%>static/css/font-awesome.min.css" rel="stylesheet">
		<link href="<%=basePath%>static/css/style.css" rel="stylesheet"/>
		<link href="<%=basePath%>static/css/menu.css" rel="stylesheet">
		<link href="<%=basePath%>static/css/plugins/iCheck/blue.css" rel="stylesheet">
		<script src="<%=basePath%>static/js/jquery.min.js"></script>
		<!--[if lt IE 9]>
		<script src="<%=basePath%>static/js/html5.js"></script>
		<![endif]-->
		<script type="text/javascript">
			$(function()
			{
				$("#left_nav_role").addClass("active");
			});
		</script>
	</head>
	<body>
		<!--header-->
		<%@ include file="/public/header.jsp"%>

		<!--aside nav-->
		<%@ include file="/public/left_nav.jsp"%>

		<section class="rt_wrap content">
			<div class="rt_content">
				<div class="cont_title">
					<p>角色管理</p>
				</div>
				<div class="alert alert-success">
			    	<button type="button" class="close" data-dismiss="alert">&times;</button>
			      	<h4>提示：</h4>
			                     角色权限的编辑会影响系统用户的使用，请谨慎编辑。
			    </div>
				<section style="margin-top:5px;">
					<!--左右分栏：左侧栏目-->
					<div class="cont_col_lt" style="width:200px;">
						<div class="list_nav">
              				<ul>
								<li class="active">
									<a href="#"><i class="icon-user"></i> 管理员</a>
								</li>
								<li>
									<a href="#"><i class="icon-user"></i> 班主任</a>
								</li>
								<li>
									<a href="#"><i class="icon-user"></i> 任课教师</a>
								</li>
								<li>
									<a href="#"><i class="icon-user"></i> 辅导教师</a>
								</li>
								<li>
									<a href="#"><i class="icon-user"></i> 学生</a>
								</li>
							</ul>
						</div>
					</div>
					<!--左右分栏：右侧栏-->
					<div class="cont_col_rt" style="margin-left:210px;">
						<div>
							<div class="form-inline pull-left">
								<p style="line-height: 30px;margin-top:2px;margin-bottom: 0;">菜单列表</p>
							</div>
							<form class="form-inline pull-right">
						      	<a class="btn btn-success" href="#">
									<i class="icon-white icon-plus"></i> 新增角色
								</a>
								<button type="button" class="btn btn-success">
									<i class="icon-white icon-copy"></i> 复制角色
								</button>
								<a class="btn btn-success" href="toEditRole.htm">
									<i class="icon-white icon-edit"></i> 编辑权限
								</a>
							</form>
						</div>
						<table class="table table-bordered">
							<tr>
								<th>菜单名称</th>
								<th>管理权限</th>
								<th>新增权限</th>
								<th>编辑权限</th>
								<th>删除权限</th>
								<th>查看权限</th>
							</tr>
							<tr>
								<td>
									用户管理
								</td>
								<td>
									<div class="checkbox_s"></div>
								</td>
								<td>
									<div class="checkbox_s"></div>
								</td>
								<td>
									<div class="checkbox_s"></div>
								</td>
								<td>
									<div class="checkbox_s"></div>
								</td>
								<td>
									<div class="checkbox_s"></div>
								</td>
							</tr>
							<tr>
								<td>
									角色管理
								</td>
								<td>
									
								</td>
								<td>
									
								</td>
								<td>
									
								</td>
								<td>
									<div class="checkbox_s"></div>
								</td>
								<td>
									<div class="checkbox_s"></div>
								</td>
							</tr>
							<tr>
								<td>
									学校基本信息管理
								</td>
								<td>
									<div class="checkbox_s"></div>
								</td>
								<td>
									<div class="checkbox_s"></div>
								</td>
								<td>
									<div class="checkbox_s"></div>
								</td>
								<td>
									<div class="checkbox_s"></div>
								</td>
								<td>
									<div class="checkbox_s"></div>
								</td>
							</tr>
							<tr>
								<td>
									...
								</td>
								<td>
									
								</td>
								<td>
									
								</td>
								<td>
									
								</td>
								<td>
									
								</td>
								<td>
									
								</td>
							</tr>
							<tr>
								<td>
									...
								</td>
								<td>
									
								</td>
								<td>
									
								</td>
								<td>
									
								</td>
								<td>
									
								</td>
								<td>
									
								</td>
							</tr>
							<tr>
								<td>
									...
								</td>
								<td>
									
								</td>
								<td>
									
								</td>
								<td>
									
								</td>
								<td>
									
								</td>
								<td>
									
								</td>
							</tr>
							<tr>
								<td>
									...
								</td>
								<td>
									
								</td>
								<td>
									
								</td>
								<td>
									
								</td>
								<td>
									
								</td>
								<td>
									
								</td>
							</tr>
							<tr>
								<td>
									...
								</td>
								<td>
									
								</td>
								<td>
									
								</td>
								<td>
									
								</td>
								<td>
									
								</td>
								<td>
									
								</td>
							</tr>
						</table>
					</div>
				</section>
			</div>
		</section>
		<%@ include file="/public/footer.jsp"%>
		<script type="text/javascript">
			$('.i-checks input').iCheck({
				checkboxClass : 'icheckbox_minimal-blue',
				radioClass : 'iradio_minimal-blue',
				increaseArea: '20%'
			});
		</script>
	</body>
</html>